<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@taglib uri="/WEB-INF/taglib139.tld" prefix="pg" %>
<%@taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html>
<head>

<title>Mathematic Dictionary</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<title>Tra từ điển toán học Online | Từ điển toán học đa ngôn ngữ | tra tu dien toan online</title>
<meta name="description"
	content="Từ điển toán học online, từ điển toán học đa ngôn ngữ online, tra tu điển toán online"></meta>
<meta name="keywords"
	content="Từ điển toán, tu dien toan, từ điển toán học online, math dictionary, tra tu dien toan online"></meta>
<meta name="robots" content="index, follow" />
<meta name="geo.region" content="VN" />

<link rel="stylesheet" type="text/css" href="./css/mycss.css" />
<script type="text/javascript" charset="utf-8" src="script/jquery-1.9.1.js"></script>
<script type="text/javascript" charset="utf-8" src="script/homeScript.js"></script>
</head>

<body>

<div id="wrapper" class="hfeed">
	<div id="header">
			<div id="masthead">
				<div >
					<a ><html:link action="/Home"><img border="0"
						src="./img/logoMathDict.png" 
						title="Logo Từ điển toán học đa ngôn ngữ online" />
						</html:link>
						</a>

					<div id="site-description">Tra từ điển toán học trực tuyến</div>

				</div>
				<!-- #branding -->


				<div id="access">
					<div class="menu-header">
						<ul id="menu-main" class="menu">
							<li id="menu-item-6"
								class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6">
								<a title="Giới thiệu về trang web"> <html:link
										action="/Home">Trang chủ</html:link></a>
							</li>
							<li id="menu-item-5"
								class="menu-item menu-item-type-custom menu-item-object-custom menu-item-5">
								<a title="Tra từ điển toán Online"> <html:link
										action="/SearchForm">Tra từ điển toán Online</html:link></a>
							</li>
							<li id="menu-item-10"
								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10">
								<a title="Tham gia đánh giá, góp ý"><html:link
										action="/blog">Thảo luận</html:link></a>
							</li>

							<li id="menu-item-4" 
								class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-Home menu-item-4">
								<a title="Tham gia đánh giá, góp ý"><html:link
										action="/wordManager">Quản lý từ điển</html:link></a>
							</li>
							<%
								String groupId = (String) session.getAttribute("groupId");
									if ("1".equals(groupId)) {
							%>
							
							<%
								}
							%>
						</ul>
					</div>
				</div>
				<!-- #access -->
			</div>
			<!-- #masthead -->
		</div>
		<!-- #header -->
    <html:form action="/wordManager" >
		<fieldset id="wordManagement">
		<br>
		<br>
			<h2>Quản lý từ điển</h2>
			<br>
			<label for="source">Ngôn ngữ nhập: </label> 
							<html:select property="langSource" style="width: 120px;">
							<logic:iterate id="list" name="listLang" >
								<html:option value="${list.langId }">${list.langName }</html:option>
							</logic:iterate>
							</html:select>&nbsp;&nbsp;&nbsp;
						
						<label for="target">Ngôn ngữ tra cứu: </label>
						<html:select property="langTarget"  style="width: 120px;">
							<logic:iterate id="list" name="listLang" >
								<html:option value="${list.langId }">${list.langName }</html:option>
							</logic:iterate>
						</html:select>
						<br>
						<br>
						<br>
			<table>
			
				<tr>
					<td>Word:</td>
					<td><html:text styleId="tbWord" property="word" maxlength="50" /></td>
				</tr>

				<tr>
					<td>Meaning:</td>
					<td><html:text  styleId="tbMean" style = "width:auto; hight:auto;" property="mean" maxlength="500"/></td>

				</tr>

				<tr>
					<td>Image:</td>
					<td><html:text styleId = "filePath" property="img" maxlength="50" /></td>
					<td><input type="button" value="Browse" id = "browse" onclick="javascript:document.getElementById('imageFile').click();" > </td>
					<td style="display: none"><input id="imageFile" type="file" /></td>
				</tr>

				<tr>

					<td>&nbsp;</td>
					<%-- <td><html:submit /></td> --%>
					
				</tr>
			</table>
					<input type="submit" name = "btnSubmit" value="Add" style="width: 70;" >
					<input type="submit" name = "btnDelete" value="Delete" style="width: 70; margin-left: 5;">
					<input type="reset" id = "btnDelete" name = "btnReset" value="Clear" style="width: 70; margin-left: 5;">
					<br>
					<br>
		</fieldset>
	</html:form>
		<div id="footer">
			<div id="colophon">

				<div id="site-info">
					<a  title="Trang giới thiệu" rel="home"> <html:link action="/Home">Từ điển toán học online | Mathematic dictionary Multilanguage</html:link> </a><br />
				</div>
				<!-- #site-info -->

			</div>
			<!-- #colophon -->
		</div>
		<!-- #footer -->

</div>
	<!-- #wrapper -->
<script type="text/javascript">
	document.getElementById('imageFile').onchange = function (e) {
	    document.getElementById('filePath').value=document.getElementById("imageFile").value;
	};
	
</script>
</body>
</html:html>